@use "styles/Spacings.module.scss";
@use "styles/Typography.module.scss";

.text_button_wrapper {
  display: flex;
  align-items: center;
  gap: Spacings.$spacing03;
  cursor: pointer;
  background-color: transparent;

  &.disabled {
    pointer-events: none;
    opacity: 0.5;
  }

  &.small {
    gap: Spacings.$spacing02;
    font-size: Typography.$tiny;
  }

  .black {
    color: var(--text-3);

    &:hover {
      color: var(--primary-0);
    }
  }

  .dangerous {
    color: var(--dangerous);

    &:hover {
      color: var(--dangerous-0);
    }
  }
}